$(function () {
    // 需求1: 校验用户名和密码是否符合规则
    $("#form").bootstrapValidator({
       //排除无需验证的控件，比如被禁用的或者被隐藏的
        excluded: [':disabled', ':hidden', ':not(:visible)'],
        //根据验证结果显示的各种右边字体图标 (默认是bootstrap默认样式)
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        //需要验证的所有字段(表单的name属性)
        fields: {
            username: {
                validators: {//用户名需要校验的规则
                    notEmpty: {//检测非空,radio也可用
                        message: '用户名不能为空'
                    },
                    stringLength: {//检测长度
                        min: 2,
                        max: 6,
                        message: '长度必须在2-6之间'
                    },
                    //当上面都没有使用callback来配置给回调函数使用的验证规则
                    callback: {
                        message: '用户名错误'
                    }
                }
            },
            password: {
                validators: {//密码需要校验的规则
                    notEmpty: {//检测非空,radio也可用
                        message: '密码不能为空'
                    },
                    stringLength: {//检测长度
                        min: 6,
                        max: 12,
                        message: '长度必须在6-12之间'
                    },
                    callback: {
                        message: '密码错误'
                    }
                }
            }
        }
    });

    //注册表单验证成功的事件(当表单验证成功触发的事件)
    $("#form").on('success.form.bv', function (e) {
        //阻止表单的默认提交
        e.preventDefault();
        //使用ajax提交逻辑
       $.ajax({
           type: 'post',
           url: '/employee/employeeLogin',
           data: $('#form').serialize(),
           dataType: 'json',
           success: function (res) {
               console.log(res);
               
            //error 1000 用户名错误  1001 密码错误
             if(res.error == 1000) {
               console.log('用户名错误'); 
               $('#form').data("bootstrapValidator").updateStatus('username', "INVALID", 'callback');
             } 
             if (res.error == 1001) {
                 console.log('密码错误');  
                 $('#form').data("bootstrapValidator").updateStatus('password', 'INVALID', 'callback');
             }
             if (res.success) {//成功跳转到首页
                 location.href = 'index.html';
             }
           }
       })
        
    });
    
    //点击重置按钮,清除表单的文本内容与其他样式(错误信息)
   $('#btn-reset').on('click', function() {
      $('#form').data('bootstrapValidator').resetForm();
   });

  
    
});
